<template>
  <div class="datasource">
    <div class="top-box">
      <i class="title-icon"></i>
      <span>{{$t('aboutus.datadictionary')}}</span>
      <i class="title-icon"></i>
    </div>
    <div class="btnBTn" id="btnBTn">
      <transition name="fade">
        <el-radio-group v-model="bTnTab" style="padding:12px 0px;width:100%" id="btnBTnn">
          <el-button label="prev" @click="clickPrev" class="sliderBtn"><i class="el-icon-arrow-left"></i></el-button>
          <el-radio-button label="services_claim"  v-show="showPrev">services_claim</el-radio-button>
          <el-radio-button label="cbi_document_flow"  v-show="showPrev">dm_transaction_sales</el-radio-button>
          <el-radio-button label="cbi_bp"  v-show="showPrev">cbi_bp</el-radio-button>
          <el-radio-button label="dm_machine"  v-show="showPrev" style="margin-right:0;">dm_machine</el-radio-button>
          <el-radio-button label="sl_customer_master" v-show="showNext">customer_master</el-radio-button>
          <el-radio-button label="result_udp_service_claim_details" class="largeBtn" v-show="showNext">claim_detail</el-radio-button>
          <el-radio-button label="result_udp_service_claim_summary" class="largeBtn" v-show="showNext">claim_summary</el-radio-button>
          <el-radio-button label="dm_udp_service_opportunity_all" class="largeBtn" v-show="showNext" style="margin-right:0;">opportunity</el-radio-button>
          <el-button @click="clickNext" class="sliderBtn"><i class="el-icon-arrow-right"></i></el-button>
        </el-radio-group>
      </transition>
    </div>
    <el-card class="part-title">
      <div class="title">{{$t('aboutus.datadictionary')}}</div>
      <div>
        <el-input v-model="searchTable" size="small" placeholder="Global filter" style="width: 200px;margin-bottom: 5px"></el-input>
        <ag-grid-vue style="width: 100%; height: 255px;" class="ag-theme-balham"
                     :gridOptions="table"
                     :enableColResize="true"
                     :enableSorting="true"
                     :enableFilter="true"
                     :groupHeaders="false"
                     :suppressRowClickSelection="true"
                     :toolPanelSuppressGroups="false"
                     :toolPanelSuppressValues="true">
        </ag-grid-vue>
      </div>
    </el-card>
    <el-card class="part-title" style="margin-top:20px;">
      <div class="title">{{$t('aboutus.sampleData')}}</div>
      <div>
        <el-input v-model="searchSampleTable" size="small" placeholder="Global filter" style="width: 200px;margin-bottom: 5px"></el-input>
        <ag-grid-vue style="width: 100%; height: 255px;" class="ag-theme-balham"
                     :gridOptions="SampleTable"
                     :enableColResize="true"
                     :enableSorting="true"
                     :enableFilter="true"
                     :groupHeaders="false"
                     :suppressRowClickSelection="true"
                     :toolPanelSuppressGroups="false"
                     :toolPanelSuppressValues="true">
        </ag-grid-vue>
        <div class="tips">{{$t('aboutus.tips')}}</div>
      </div>
    </el-card>
  </div>
</template>

<script>
  import {mapGetters} from "vuex";
  import {AgGridVue} from "ag-grid-vue";

  export default {
    name: "DataDictionary",
    data() {
      return {
        showPrev: true,
        showNext: false,
        bTnTab: "services_claim",
        searchTable: "",
        searchSampleTable: "",
        table: {
          toolPanelSuppressRowGroups: true
        },
        table1: {
          columnDefs: [
            // {headerName: '#', field: "customname", width: 100, enableSorting: false, cellRenderer: index},
            {headerName: "Field Name", field: "date"},
            // {headerName: "Data Type", field: "name"},
            {headerName: "Field Description", field: "address"},
            {headerName: "Detailed Field Description", field: "long"},
            {headerName: "Example Data", field: "demo"},
            // {headerName: "Touchable Person", field: "total"},
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table2: {
          columnDefs: [
            // {headerName: '#', field: "customname", width: 100, enableSorting: false, cellRenderer: index},
            {headerName: "Field Name", field: "FieldName"},
            // {headerName: "Data Type", field: "name"},
            {headerName: "Field Type", field: "FieldType"},
            {headerName: "Field Description", field: "FieldDescription"},
            {headerName: "Example Data", field: "ExampleData"},
            // {headerName: "Touchable Person", field: "total"},
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table3: {
          columnDefs: [
            // {headerName: '#', field: "customname", width: 100, enableSorting: false, cellRenderer: index},
            {headerName: "Field Name", field: "date"},
            // {headerName: "Data Type", field: "name"},
            {headerName: "Field Description", field: "address"},
            {headerName: "Field Long Description", field: "long"},
            {headerName: "Example Data", field: "demo"},
            // {headerName: "Touchable Person", field: "total"},
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table4: {
          columnDefs: [
            {headerName: "Field Name", field: "FieldName"},
            {headerName: "Field Type", field: "FieldType"},
            {headerName: "Field Description", field: "FieldDescription"},
            {headerName: "Example Data", field: "ExampleData"}
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table5: {
          columnDefs: [
            {headerName: "Field Name", field: "FieldName"},
            {headerName: "Field Type", field: "FieldType"},
            {headerName: "Field Description", field: "FieldDescription"},
            {headerName: "Example Data", field: "ExampleData"}
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table6: {
          columnDefs: [
            {headerName: "Field Name", field: "FieldName"},
            {headerName: "Field Type", field: "FieldType"},
            {headerName: "Field Description", field: "FieldDescription"},
            {headerName: "Example Data", field: "ExampleData"}
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table7: {
          columnDefs: [
            {headerName: "Field Name", field: "FieldName"},
            {headerName: "Field Type", field: "FieldType"},
            {headerName: "Field Description", field: "FieldDescription"},
            {headerName: "Example Data", field: "ExampleData"}
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table8: {
          columnDefs: [
            {headerName: "Field Name", field: "FieldName"},
            {headerName: "Field Type", field: "FieldType"},
            {headerName: "Field Description", field: "FieldDescription"},
            {headerName: "Example Data", field: "ExampleData"}
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        SampleTable: {
          toolPanelSuppressRowGroups: true
        },
        table11: {
          columnDefs: [
            {headerName: "sold_to_group", field: "sold_to_group"},
            {headerName: "end_customer_group", field: "end_customer_group"},
            {headerName: "sold_to", field: "sold_to"},
            {headerName: "sold_to_name", field: "sold_to_name"},
            {headerName: "sell_in_geo", field: "sell_in_geo"},
            {headerName: "sell_in_region", field: "sell_in_region"},
            {headerName: "sell_in_country", field: "sell_in_country"},
            {headerName: "sell_in_country_name", field: "sell_in_country_name"},
            {headerName: "prod_sn", field: "prod_sn"},
            {headerName: "orderid", field: "orderid"},
            {headerName: "idtype", field: "idtype"},
            {headerName: "createtime", field: "createtime"},
            {headerName: "country", field: "country"},
            {headerName: "city", field: "city"},
            {headerName: "street", field: "street"},
            {headerName: "contactphone_sc", field: "contactphone_sc"},
            {headerName: "email", field: "email"},
            {headerName: "coustomaddress_sc", field: "coustomaddress_sc"},
            {headerName: "updatetime", field: "updatetime"},
            {headerName: "closetime", field: "closetime"},
            {headerName: "updateby", field: "updateby"},
            {headerName: "orderstate_su", field: "orderstate_su"},
            {headerName: "actualservicemode_s", field: "actualservicemode_s"},
            {headerName: "zsr_wtyb", field: "zsr_wtyb"},
            {headerName: "zsr_wtye", field: "zsr_wtye"},
            {headerName: "zsrv_styp", field: "zsrv_styp"},
            {headerName: "service_geo", field: "service_geo"},
            // {headerName: "customname", field: "customname"},
            // {headerName: "sotype_s", field: "sotype_s"},

          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table12: {
          columnDefs: [
            {headerName: "end_customer_name", field: "end_customer_name"},
            {headerName: "end_customer", field: "end_customer"},
            {headerName: "sold_to_loyalty", field: "sold_to_loyalty"},
            {headerName: "end_customer_loyalty", field: "end_customer_loyalty"},
            {headerName: "end_customer_industry", field: "end_customer_industry"},
            {headerName: "sold_to_industry", field: "sold_to_industry"},
            {headerName: "gross_profit_percent", field: "gross_profit_percent"},
            {headerName: "gross_profit", field: "gross_profit"},
            {headerName: "prod_final_bu", field: "prod_final_bu"},
            {headerName: "billing_num", field: "billing_num"},
            {headerName: "billing_item", field: "billing_item"},
            {headerName: "billing_date", field: "billing_date"},
            {headerName: "distribution_channel", field: "distribution_channel"},
            {headerName: "prod_activation_date", field: "prod_activation_date"},
            {headerName: "ebr_segment", field: "ebr_segment"},
            {headerName: "prod_first_sellin_date", field: "prod_first_sellin_date"},
            {headerName: "prod_material", field: "prod_material"},
            {headerName: "prod_material_description", field: "prod_material_description"},
            {headerName: "sold_to_group", field: "sold_to_group"},
            {headerName: "sold_to", field: "sold_to"},
            {headerName: "sold_to_name", field: "sold_to_name"},
            {headerName: "sell_in_geo", field: "sell_in_geo"},
            {headerName: "sell_in_region", field: "sell_in_region"},
            {headerName: "sell_in_country", field: "sell_in_country"},
            {headerName: "sell_in_country_name", field: "sell_in_country_name"},
            {headerName: "prod_hierarchy", field: "prod_hierarchy"},
            {headerName: "prod_biz_group", field: "prod_biz_group"},
            {headerName: "prod_brand", field: "prod_brand"},
            {headerName: "prod_series", field: "prod_series"},
            {headerName: "prod_family", field: "prod_family"},
            {headerName: "sell_in_qty", field: "sell_in_qty"},
            {headerName: "sdrev", field: "sdrev"},
            {headerName: "pcacost", field: "pcacost"},
            {headerName: "bmc", field: "bmc"},
            {headerName: "contract_dum", field: "contract_dum"},
            {headerName: "billing_month_fis", field: "billing_month_fis"},
            {headerName: "billing_quarter_fis", field: "billing_quarter_fis"},
            {headerName: "delivery_num", field: "delivery_num"},
            {headerName: "delivery_item", field: "delivery_item"},
            {headerName: "delivery_gi_date", field: "delivery_gi_date"},
            {headerName: "prod_sn", field: "prod_sn"},
            {headerName: "prod_ship_date", field: "prod_ship_date"},
            {headerName: "prod_pod_date", field: "prod_pod_date"},
            {headerName: "sales_order_num", field: "sales_order_num"},
            {headerName: "sales_order_item", field: "sales_order_item"},
            {headerName: "opportunity_num", field: "opportunity_num"},
            {headerName: "opportunity_item", field: "opportunity_item"},
            {headerName: "quotation_num", field: "quotation_num"},
            {headerName: "contract_num", field: "contract_num"},
            {headerName: "contract_item", field: "contract_item"},
            {headerName: "contract_price_unit", field: "contract_price_unit"},
            {headerName: "contract_price_total", field: "contract_price_total"},
            {headerName: "prod_activation_country", field: "prod_activation_country"},
            {headerName: "prod_activation_province", field: "prod_activation_province"},
            {headerName: "prod_activation_city", field: "prod_activation_city"},
            {headerName: "prod_activation_qty", field: "prod_activation_qty"},
            {headerName: "prod_activation_flag", field: "prod_activation_flag"},
            {headerName: "prod_os", field: "prod_os"},
            {headerName: "prod_cpu", field: "prod_cpu"},
            {headerName: "prod_gpu", field: "prod_gpu"},
            {headerName: "prod_hdd", field: "prod_hdd"},
            {headerName: "prod_memory", field: "prod_memory"},
            {headerName: "prod_wty_base_start_date", field: "prod_wty_base_start_date"},
            {headerName: "prod_wty_base_end_date", field: "prod_wty_base_end_date"},
            // {headerName: "prod_activation_date", field: "prod_activation_date"},

            // {headerName: "division", field: "division"},
          ],
// rowModelType:  'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table13: {
          columnDefs: [
            {headerName: "bp_id", field: "bp_id"},
            {headerName: "bp_name", field: "bp_name"},
            {headerName: "country", field: "country"},
            {headerName: "nielsen_id", field: "nielsen_id"},
            {headerName: "region", field: "region"},
            {headerName: "city", field: "city"},
            {headerName: "street", field: "street"},
            {headerName: "langu", field: "langu"},
            {headerName: "zbp_gln", field: "zbp_gln"},
            {headerName: "bp_group", field: "bp_group"},
            {headerName: "category", field: "category"},
            {headerName: "biz_group", field: "biz_group"},
            {headerName: "geo", field: "geo"},
            {headerName: "segment", field: "segment"},
            {headerName: "sfdc_duns", field: "sfdc_duns"},
            {headerName: "industry", field: "industry"},
            // {headerName: "sfdc_segment", field: "sfdc_segment"},
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table14:{
          columnDefs: [
            {
              "headerName": "prod_unique_id",
              "field": "prod_unique_id"
            },
            {
              "headerName": "prod_machine_type",
              "field": "prod_machine_type"
            },
            {
              "headerName": "prod_sn",
              "field": "prod_sn"
            },
            {
              "headerName": "prod_model",
              "field": "prod_model"
            },
            {
              "headerName": "prod_manufacturer",
              "field": "prod_manufacturer"
            },
            {
              "headerName": "prod_manufacturer_desc",
              "field": "prod_manufacturer_desc"
            },
            {
              "headerName": "prod_material",
              "field": "prod_material"
            },
            {
              "headerName": "prod_material_desc",
              "field": "prod_material_desc"
            },
            {
              "headerName": "prod_iobject",
              "field": "prod_iobject"
            },
            {
              "headerName": "prod_build_date",
              "field": "prod_build_date"
            },
            {
              "headerName": "prod_pop_date",
              "field": "prod_pop_date"
            },
            {
              "headerName": "prod_ship_date",
              "field": "prod_ship_date"
            },
            {
              "headerName": "ship_to_country",
              "field": "ship_to_country"
            },
            {
              "headerName": "prod_bh_style",
              "field": "prod_bh_style"
            },
            {
              "headerName": "prod_bh_brand_name",
              "field": "prod_bh_brand_name"
            },
            {
              "headerName": "prod_bh_series",
              "field": "prod_bh_series"
            },
            {
              "headerName": "prod_bh_form_factor",
              "field": "prod_bh_form_factor"
            },
            {
              "headerName": "prod_register_date",
              "field": "prod_register_date"
            },
            {
              "headerName": "prod_registered",
              "field": "prod_registered"
            },
            {
              "headerName": "prod_eos_flag",
              "field": "prod_eos_flag"
            },
            {
              "headerName": "prod_eos_date",
              "field": "prod_eos_date"
            },
            {
              "headerName": "source",
              "field": "source"
            },
            {
              "headerName": "prod_ibase_update_date",
              "field": "prod_ibase_update_date"
            },
            {
              "headerName": "prod_activation_date",
              "field": "prod_activation_date"
            },
            {
              "headerName": "prod_activation_flag",
              "field": "prod_activation_flag"
            },
            {
              "headerName": "prod_activation_source",
              "field": "prod_activation_source"
            },
            {
              "headerName": "prod_activation_country",
              "field": "prod_activation_country"
            },
            {
              "headerName": "prod_activation_province",
              "field": "prod_activation_province"
            },
            {
              "headerName": "prod_activation_city",
              "field": "prod_activation_city"
            },
            {
              "headerName": "prod_os",
              "field": "prod_os"
            },
            {
              "headerName": "prod_os_family",
              "field": "prod_os_family"
            },
            {
              "headerName": "prod_cpu",
              "field": "prod_cpu"
            },
            {
              "headerName": "prod_cpu_family",
              "field": "prod_cpu_family"
            },
            {
              "headerName": "prod_cpu_frequency",
              "field": "prod_cpu_frequency"
            },
            {
              "headerName": "prod_cpu_vendor",
              "field": "prod_cpu_vendor"
            },
            {
              "headerName": "prod_cpu_series",
              "field": "prod_cpu_series"
            },
            {
              "headerName": "prod_hdd",
              "field": "prod_hdd"
            },
            {
              "headerName": "prod_hdd_capacity",
              "field": "prod_hdd_capacity"
            },
            {
              "headerName": "prod_ssd_capacity",
              "field": "prod_ssd_capacity"
            },
            {
              "headerName": "prod_storage_type",
              "field": "prod_storage_type"
            },
            {
              "headerName": "prod_memory",
              "field": "prod_memory"
            },
            {
              "headerName": "prod_memory_capacity",
              "field": "prod_memory_capacity"
            },
            {
              "headerName": "prod_panel",
              "field": "prod_panel"
            },
            {
              "headerName": "prod_panel_size",
              "field": "prod_panel_size"
            },
            {
              "headerName": "prod_panel_aspect_ratio",
              "field": "prod_panel_aspect_ratio"
            },
            {
              "headerName": "prod_panel_resolution",
              "field": "prod_panel_resolution"
            },
            {
              "headerName": "prod_hierarchy",
              "field": "prod_hierarchy"
            },
            {
              "headerName": "prod_group_name",
              "field": "prod_group_name"
            },
            {
              "headerName": "prod_brand_name",
              "field": "prod_brand_name"
            },
            {
              "headerName": "prod_series",
              "field": "prod_series"
            },
            {
              "headerName": "prod_series_name",
              "field": "prod_series_name"
            },
            {
              "headerName": "prod_subser",
              "field": "prod_subser"
            },
            {
              "headerName": "prod_subser_name",
              "field": "prod_subser_name"
            },
            {
              "headerName": "prod_machine_status",
              "field": "prod_machine_status"
            },
            {
              "headerName": "prod_age_in_years",
              "field": "prod_age_in_years"
            },
            {
              "headerName": "prod_upgrade_priority_support_end_date",
              "field": "prod_upgrade_priority_support_end_date"
            },
            {
              "headerName": "prod_upgrade_keep_drive_end_date",
              "field": "prod_upgrade_keep_drive_end_date"
            },
            {
              "headerName": "prod_upgrade_oem_sw_support_end_date",
              "field": "prod_upgrade_oem_sw_support_end_date"
            },
            {
              "headerName": "wty_base_status",
              "field": "wty_base_status"
            },
            {
              "headerName": "wty_base_attribute",
              "field": "wty_base_attribute"
            },
            {
              "headerName": "wty_id",
              "field": "wty_id"
            },
            {
              "headerName": "wty_description",
              "field": "wty_description"
            },
            {
              "headerName": "wty_count",
              "field": "wty_count"
            },
            {
              "headerName": "wty_start_date_min",
              "field": "wty_start_date_min"
            },
            {
              "headerName": "wty_end_date_max",
              "field": "wty_end_date_max"
            },
            {
              "headerName": "wty_active",
              "field": "wty_active"
            },
            {
              "headerName": "wty_base_id",
              "field": "wty_base_id"
            },
            {
              "headerName": "wty_base_count",
              "field": "wty_base_count"
            },
            {
              "headerName": "wty_base_start_date_min",
              "field": "wty_base_start_date_min"
            },
            {
              "headerName": "wty_base_start_date_max",
              "field": "wty_base_start_date_max"
            },
            {
              "headerName": "wty_base_end_date_min",
              "field": "wty_base_end_date_min"
            },
            {
              "headerName": "wty_base_end_date_max",
              "field": "wty_base_end_date_max"
            },
            {
              "headerName": "wty_base_active",
              "field": "wty_base_active"
            },
            {
              "headerName": "wty_upgrade_id",
              "field": "wty_upgrade_id"
            },
            {
              "headerName": "wty_upgrade_count",
              "field": "wty_upgrade_count"
            },
            {
              "headerName": "wty_upgrade_start_date_min",
              "field": "wty_upgrade_start_date_min"
            },
            {
              "headerName": "wty_upgrade_start_date_max",
              "field": "wty_upgrade_start_date_max"
            },
            {
              "headerName": "wty_upgrade_end_date_min",
              "field": "wty_upgrade_end_date_min"
            },
            {
              "headerName": "wty_upgrade_end_date_max",
              "field": "wty_upgrade_end_date_max"
            },
            {
              "headerName": "wty_upgrade_active",
              "field": "wty_upgrade_active"
            },
            {
              "headerName": "wty_extend_id",
              "field": "wty_extend_id"
            },
            {
              "headerName": "wty_extend_count",
              "field": "wty_extend_count"
            },
            {
              "headerName": "wty_extend_start_date_min",
              "field": "wty_extend_start_date_min"
            },
            {
              "headerName": "wty_extend_start_date_max",
              "field": "wty_extend_start_date_max"
            },
            {
              "headerName": "wty_extend_end_date_min",
              "field": "wty_extend_end_date_min"
            },
            {
              "headerName": "wty_extend_end_date_max",
              "field": "wty_extend_end_date_max"
            },
            {
              "headerName": "wty_extend_active",
              "field": "wty_extend_active"
            },
            {
              "headerName": "wty_coverage_start_date",
              "field": "wty_coverage_start_date"
            },
            {
              "headerName": "wty_coverage_end_date",
              "field": "wty_coverage_end_date"
            },
            {
              "headerName": "contract_number_provider",
              "field": "contract_number_provider"
            },
            {
              "headerName": "contract_number_provider_active",
              "field": "contract_number_provider_active"
            },
            {
              "headerName": "contract_id_header",
              "field": "contract_id_header"
            },
            {
              "headerName": "contract_id_header_active",
              "field": "contract_id_header_active"
            },
            {
              "headerName": "contract_count",
              "field": "contract_count"
            },
            {
              "headerName": "contract_header_start_date_min",
              "field": "contract_header_start_date_min"
            },
            {
              "headerName": "contract_header_end_date_max",
              "field": "contract_header_end_date_max"
            },
            {
              "headerName": "contract_id_item",
              "field": "contract_id_item"
            },
            {
              "headerName": "contract_id_item_active",
              "field": "contract_id_item_active"
            },
            {
              "headerName": "contract_auto_renew",
              "field": "contract_auto_renew"
            },
            {
              "headerName": "contract_charge_type_id",
              "field": "contract_charge_type_id"
            },
            {
              "headerName": "contract_charge_type",
              "field": "contract_charge_type"
            },
            {
              "headerName": "contract_sla_code",
              "field": "contract_sla_code"
            },
            {
              "headerName": "contract_last_active_service_description",
              "field": "contract_last_active_service_description"
            },
            {
              "headerName": "contract_coverage_start_date_min",
              "field": "contract_coverage_start_date_min"
            },
            {
              "headerName": "contract_coverage_end_date_max",
              "field": "contract_coverage_end_date_max"
            },
            {
              "headerName": "contract_coverage_active",
              "field": "contract_coverage_active"
            },
            {
              "headerName": "coverage_active",
              "field": "coverage_active"
            },
            {
              "headerName": "coverage_expiration_bucket",
              "field": "coverage_expiration_bucket"
            },
            {
              "headerName": "coverage_end_date_max",
              "field": "coverage_end_date_max"
            },
            {
              "headerName": "opportunity_country",
              "field": "opportunity_country"
            },
            {
              "headerName": "sales_geography",
              "field": "sales_geography"
            },
            {
              "headerName": "sales_territory",
              "field": "sales_territory"
            },
            {
              "headerName": "sales_market",
              "field": "sales_market"
            },
            {
              "headerName": "sales_order_num",
              "field": "sales_order_num"
            },
            {
              "headerName": "sales_order_item",
              "field": "sales_order_item"
            },
            {
              "headerName": "service_sales_order",
              "field": "service_sales_order"
            },
            {
              "headerName": "delivery_num",
              "field": "delivery_num"
            },
            {
              "headerName": "delivery_item",
              "field": "delivery_item"
            },
            {
              "headerName": "billing_num",
              "field": "billing_num"
            },
            {
              "headerName": "billing_item",
              "field": "billing_item"
            },
            {
              "headerName": "billing_date",
              "field": "billing_date"
            },
            {
              "headerName": "customer_purchase_order_num",
              "field": "customer_purchase_order_num"
            },
            {
              "headerName": "customer_purchase_order_date",
              "field": "customer_purchase_order_date"
            },
            {
              "headerName": "distribution_channel",
              "field": "distribution_channel"
            },
            {
              "headerName": "sales_org",
              "field": "sales_org"
            },
            {
              "headerName": "sales_office",
              "field": "sales_office"
            },
            {
              "headerName": "sales_order_doc_type",
              "field": "sales_order_doc_type"
            },
            {
              "headerName": "sales_order_doc_date",
              "field": "sales_order_doc_date"
            },
            {
              "headerName": "sold_to_id",
              "field": "sold_to_id"
            },
            {
              "headerName": "sold_to_name",
              "field": "sold_to_name"
            },
            {
              "headerName": "ship_to_id",
              "field": "ship_to_id"
            },
            {
              "headerName": "ship_to_name",
              "field": "ship_to_name"
            },
            {
              "headerName": "distributor_id",
              "field": "distributor_id"
            },
            {
              "headerName": "distributor_name",
              "field": "distributor_name"
            },
            {
              "headerName": "reseller_t1_id",
              "field": "reseller_t1_id"
            },
            {
              "headerName": "reseller_t1_name",
              "field": "reseller_t1_name"
            },
            {
              "headerName": "reseller_t2_id",
              "field": "reseller_t2_id"
            },
            {
              "headerName": "reseller_t2_name",
              "field": "reseller_t2_name"
            },
            {
              "headerName": "customer_id",
              "field": "customer_id"
            },
            {
              "headerName": "customer_group_name",
              "field": "customer_group_name"
            },
            {
              "headerName": "customer_account_name",
              "field": "customer_account_name"
            },
            {
              "headerName": "customer_global_account_id",
              "field": "customer_global_account_id"
            },
            {
              "headerName": "customer_global_account_name",
              "field": "customer_global_account_name"
            },
            {
              "headerName": "customer_account_address",
              "field": "customer_account_address"
            },
            {
              "headerName": "customer_account_country",
              "field": "customer_account_country"
            },
            {
              "headerName": "customer_account_region",
              "field": "customer_account_region"
            },
            {
              "headerName": "customer_account_city",
              "field": "customer_account_city"
            },
            {
              "headerName": "customer_account_zip",
              "field": "customer_account_zip"
            },
            {
              "headerName": "customer_account_phone",
              "field": "customer_account_phone"
            },
            {
              "headerName": "customer_account_email",
              "field": "customer_account_email"
            },
            {
              "headerName": "customer_account_contact_name",
              "field": "customer_account_contact_name"
            },
            {
              "headerName": "customer_dmu_id",
              "field": "customer_dmu_id"
            },
            {
              "headerName": "customer_bp_type",
              "field": "customer_bp_type"
            },
            {
              "headerName": "customer_segment",
              "field": "customer_segment"
            },
            {
              "headerName": "customer_business_model",
              "field": "customer_business_model"
            },
            {
              "headerName": "customer_nielsen_id",
              "field": "customer_nielsen_id"
            },
            {
              "headerName": "service_status_code",
              "field": "service_status_code"
            },
            {
              "headerName": "service_status_comments",
              "field": "service_status_comments"
            },
            {
              "headerName": "service_status_updated_user",
              "field": "service_status_updated_user"
            },
            {
              "headerName": "service_status_updated_time",
              "field": "service_status_updated_time"
            },
            {
              "headerName": "prod_group",
              "field": "prod_group"
            },
            {
              "headerName": "prod_brand",
              "field": "prod_brand"
            }
          ],
          // rowModelType:  'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table15:{
          columnDefs: [
            {
              "headerName": "standardized_customer_name",
              "field": "standardized_customer_name"
            },
            {
              "headerName": "customer_name",
              "field": "customer_name"
            },
            {
              "headerName": "customer_number",
              "field": "customer_number"
            },
            {
              "headerName": "customer_dmuid",
              "field": "customer_dmuid"
            },
            {
              "headerName": "global_location_number",
              "field": "global_location_number"
            },
            {
              "headerName": "gln_account_name",
              "field": "gln_account_name"
            },
            {
              "headerName": "state_code",
              "field": "state_code"
            },
            {
              "headerName": "region",
              "field": "region"
            },
            {
              "headerName": "country",
              "field": "country"
            },
            {
              "headerName": "city_name",
              "field": "city_name"
            },
            {
              "headerName": "post_code",
              "field": "post_code"
            },
            {
              "headerName": "street_address",
              "field": "street_address"
            },
            {
              "headerName": "house_number",
              "field": "house_number"
            },
            {
              "headerName": "telephone_number",
              "field": "telephone_number"
            },
            {
              "headerName": "email_address",
              "field": "email_address"
            },
            {
              "headerName": "bp_type",
              "field": "bp_type"
            },
            {
              "headerName": "nielsen_id",
              "field": "nielsen_id"
            },
            {
              "headerName": "segment",
              "field": "segment"
            },
            {
              "headerName": "salseg",
              "field": "salseg"
            },
            {
              "headerName": "distr_chan",
              "field": "distr_chan"
            }
          ],
          // rowModelType:  'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table16:{
          columnDefs: [
            {
              "headerName": "customer_name",
              "field": "customer_name"
            },
            {
              "headerName": "machine_type",
              "field": "machine_type"
            },
            {
              "headerName": "serial_number",
              "field": "serial_number"
            },
            {
              "headerName": "incident_id",
              "field": "incident_id"
            },
            {
              "headerName": "claim_number",
              "field": "claim_number"
            },
            {
              "headerName": "iui",
              "field": "iui"
            },
            {
              "headerName": "problem_description",
              "field": "problem_description"
            },
            {
              "headerName": "cost_usd",
              "field": "cost_usd"
            },
            {
              "headerName": "incident_create_ts",
              "field": "incident_create_ts"
            },
            {
              "headerName": "incident_close_ts",
              "field": "incident_close_ts"
            },
            {
              "headerName": "service_date",
              "field": "service_date"
            },
            {
              "headerName": "onsite_arrival_target_ts",
              "field": "onsite_arrival_target_ts"
            },
            {
              "headerName": "onsite_arrival_actual_ts",
              "field": "onsite_arrival_actual_ts"
            },
            {
              "headerName": "time_to_arrival_variance",
              "field": "time_to_arrival_variance"
            },
            {
              "headerName": "last_update_ts",
              "field": "last_update_ts"
            },
            {
              "headerName": "failed_first_time_fix",
              "field": "failed_first_time_fix"
            },
            {
              "headerName": "srv_delv_ind",
              "field": "srv_delv_ind"
            },
            {
              "headerName": "spare_part_number",
              "field": "spare_part_number"
            },
            {
              "headerName": "spare_part_qty",
              "field": "spare_part_qty"
            },
            {
              "headerName": "billable",
              "field": "billable"
            },
            {
              "headerName": "sec_id",
              "field": "sec_id"
            },
            {
              "headerName": "service_code",
              "field": "service_code"
            },
            {
              "headerName": "hourly_rate",
              "field": "hourly_rate"
            },
            {
              "headerName": "reject_code",
              "field": "reject_code"
            },
            {
              "headerName": "warr_category",
              "field": "warr_category"
            },
            {
              "headerName": "warr_cat_adj",
              "field": "warr_cat_adj"
            },
            {
              "headerName": "country_code",
              "field": "country_code"
            },
            {
              "headerName": "customer_city",
              "field": "customer_city"
            },
            {
              "headerName": "customer_state",
              "field": "customer_state"
            },
            {
              "headerName": "zip_code",
              "field": "zip_code"
            },
            {
              "headerName": "machine_model",
              "field": "machine_model"
            },
            {
              "headerName": "machine_type_serial_number",
              "field": "machine_type_serial_number"
            },
            {
              "headerName": "claim_status",
              "field": "claim_status"
            },
            {
              "headerName": "claim_age_hours",
              "field": "claim_age_hours"
            },
            {
              "headerName": "labels",
              "field": "labels"
            },
            {
              "headerName": "total_dra",
              "field": "total_dra"
            },
            {
              "headerName": "p_event_date",
              "field": "p_event_date"
            }
          ],
          // rowModelType:  'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table17:{
          columnDefs: [
            {
              "headerName": "claim_number",
              "field": "claim_number"
            },
            {
              "headerName": "claim_status",
              "field": "claim_status"
            },
            {
              "headerName": "problem_description",
              "field": "problem_description"
            },
            {
              "headerName": "labels",
              "field": "labels"
            },
            {
              "headerName": "incident_create_ts",
              "field": "incident_create_ts"
            },
            {
              "headerName": "incident_close_ts",
              "field": "incident_close_ts"
            },
            {
              "headerName": "claim_age_hours",
              "field": "claim_age_hours"
            },
            {
              "headerName": "number_of_actions",
              "field": "number_of_actions"
            },
            {
              "headerName": "bp_action_count",
              "field": "bp_action_count"
            },
            {
              "headerName": "cru_action_count",
              "field": "cru_action_count"
            },
            {
              "headerName": "fop_action_countq",
              "field": "fop_action_countq"
            },
            {
              "headerName": "rts_action_count",
              "field": "rts_action_count"
            },
            {
              "headerName": "onsite_action_count",
              "field": "onsite_action_count"
            },
            {
              "headerName": "machine_type_serial_number",
              "field": "machine_type_serial_number"
            },
            {
              "headerName": "total_cost",
              "field": "total_cost"
            },
            {
              "headerName": "total_dra",
              "field": "total_dra"
            },
            {
              "headerName": "total_part_quantity",
              "field": "total_part_quantity"
            },
            {
              "headerName": "machine_type",
              "field": "machine_type"
            },
            {
              "headerName": "serial_number",
              "field": "serial_number"
            },
            {
              "headerName": "customer_name",
              "field": "customer_name"
            },
            {
              "headerName": "customer_total_machine_count",
              "field": "customer_total_machine_count"
            },
            {
              "headerName": "country_code",
              "field": "country_code"
            },
            {
              "headerName": "customer_city",
              "field": "customer_city"
            },
            {
              "headerName": "customer_state",
              "field": "customer_state"
            },
            {
              "headerName": "zip_code",
              "field": "zip_code"
            },
            {
              "headerName": "machine_model",
              "field": "machine_model"
            },
            {
              "headerName": "warr_category",
              "field": "warr_category"
            },
            {
              "headerName": "incident_id",
              "field": "incident_id"
            },
            {
              "headerName": "service_date",
              "field": "service_date"
            },
            {
              "headerName": "srv_delv_ind",
              "field": "srv_delv_ind"
            },
            {
              "headerName": "batch_number",
              "field": "batch_number"
            },
            {
              "headerName": "unique_id_claim_number_incident_id",
              "field": "unique_id_claim_number_incident_id"
            }
          ],
          // rowModelType:  'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        table18: {
          columnDefs: [
            {
              "headerName": "prod_machine_age_in_years",
              "field": "prod_machine_age_in_years"
            },
            {
              "headerName": "prod_unique_machine_id",
              "field": "prod_unique_machine_id"
            },
            {
              "headerName": "prod_serial_number",
              "field": "prod_serial_number"
            },
            {
              "headerName": "prod_iobject",
              "field": "prod_iobject"
            },
            {
              "headerName": "prod_material",
              "field": "prod_material"
            },
            {
              "headerName": "prod_material_desc",
              "field": "prod_material_desc"
            },
            {
              "headerName": "prod_machine_type",
              "field": "prod_machine_type"
            },
            {
              "headerName": "prod_model_number",
              "field": "prod_model_number"
            },
            {
              "headerName": "contract_id_header",
              "field": "contract_id_header"
            },
            {
              "headerName": "prod_hierarchy",
              "field": "prod_hierarchy"
            },
            {
              "headerName": "prod_brand",
              "field": "prod_brand"
            },
            {
              "headerName": "prod_series",
              "field": "prod_series"
            },
            {
              "headerName": "prod_subser",
              "field": "prod_subser"
            },
            {
              "headerName": "prod_bh_style",
              "field": "prod_bh_style"
            },
            {
              "headerName": "prod_bh_brand_name",
              "field": "prod_bh_brand_name"
            },
            {
              "headerName": "prod_bh_series",
              "field": "prod_bh_series"
            },
            {
              "headerName": "prod_bh_form_factor",
              "field": "prod_bh_form_factor"
            },
            {
              "headerName": "prod_asset_type",
              "field": "prod_asset_type"
            },
            {
              "headerName": "prod_thinkserver_flag",
              "field": "prod_thinkserver_flag"
            },
            {
              "headerName": "prod_eos_flag",
              "field": "prod_eos_flag"
            },
            {
              "headerName": "prod_eos_date",
              "field": "prod_eos_date"
            },
            {
              "headerName": "prod_registered_flag",
              "field": "prod_registered_flag"
            },
            {
              "headerName": "prod_register_date",
              "field": "prod_register_date"
            },
            {
              "headerName": "prod_machine_status",
              "field": "prod_machine_status"
            },
            {
              "headerName": "prod_ship_to_country",
              "field": "prod_ship_to_country"
            },
            {
              "headerName": "prod_opportunity_country",
              "field": "prod_opportunity_country"
            },
            {
              "headerName": "prod_opportunity_country_full_name",
              "field": "prod_opportunity_country_full_name"
            },
            {
              "headerName": "prod_sales_territory",
              "field": "prod_sales_territory"
            },
            {
              "headerName": "prod_sales_geography",
              "field": "prod_sales_geography"
            },
            {
              "headerName": "prod_sales_market",
              "field": "prod_sales_market"
            },
            {
              "headerName": "prod_sales_order_number",
              "field": "prod_sales_order_number"
            },
            {
              "headerName": "prod_purchase_order_num",
              "field": "prod_purchase_order_num"
            },
            {
              "headerName": "prod_service_sales_order",
              "field": "prod_service_sales_order"
            },
            {
              "headerName": "prod_purchase_order_date",
              "field": "prod_purchase_order_date"
            },
            {
              "headerName": "prod_rtm_hw",
              "field": "prod_rtm_hw"
            },
            {
              "headerName": "prod_rtm_services",
              "field": "prod_rtm_services"
            },
            {
              "headerName": "prod_total_service_calls",
              "field": "prod_total_service_calls"
            },
            {
              "headerName": "prod_upgrade_priority_support_end_date",
              "field": "prod_upgrade_priority_support_end_date"
            },
            {
              "headerName": "prod_upgrade_keep_drive_end_date",
              "field": "prod_upgrade_keep_drive_end_date"
            },
            {
              "headerName": "prod_upgrade_oem_sw_support_end_date",
              "field": "prod_upgrade_oem_sw_support_end_date"
            },
            {
              "headerName": "customer_group_name",
              "field": "customer_group_name"
            },
            {
              "headerName": "customer_account_id",
              "field": "customer_account_id"
            },
            {
              "headerName": "customer_account_name",
              "field": "customer_account_name"
            },
            {
              "headerName": "customer_contact_name",
              "field": "customer_contact_name"
            },
            {
              "headerName": "customer_global_account_id",
              "field": "customer_global_account_id"
            },
            {
              "headerName": "customer_global_account_name",
              "field": "customer_global_account_name"
            },
            {
              "headerName": "customer_customer_dmu_id",
              "field": "customer_customer_dmu_id"
            },
            {
              "headerName": "customer_reporting_segment",
              "field": "customer_reporting_segment"
            },
            {
              "headerName": "customer_business_model",
              "field": "customer_business_model"
            },
            {
              "headerName": "customer_account_address",
              "field": "customer_account_address"
            },
            {
              "headerName": "customer_account_city",
              "field": "customer_account_city"
            },
            {
              "headerName": "customer_account_region",
              "field": "customer_account_region"
            },
            {
              "headerName": "customer_account_country",
              "field": "customer_account_country"
            },
            {
              "headerName": "customer_account_zip",
              "field": "customer_account_zip"
            },
            {
              "headerName": "customer_account_phone",
              "field": "customer_account_phone"
            },
            {
              "headerName": "customer_account_email",
              "field": "customer_account_email"
            },
            {
              "headerName": "distributor_name",
              "field": "distributor_name"
            },
            {
              "headerName": "distributor_id",
              "field": "distributor_id"
            },
            {
              "headerName": "t1_reseller_name",
              "field": "t1_reseller_name"
            },
            {
              "headerName": "t1_reseller_id",
              "field": "t1_reseller_id"
            },
            {
              "headerName": "t2_reseller_name",
              "field": "t2_reseller_name"
            },
            {
              "headerName": "t2_reseller_id",
              "field": "t2_reseller_id"
            },
            {
              "headerName": "wty_id",
              "field": "wty_id"
            },
            {
              "headerName": "wty_description",
              "field": "wty_description"
            },
            {
              "headerName": "wty_base_active",
              "field": "wty_base_active"
            },
            {
              "headerName": "wty_base_start_date",
              "field": "wty_base_start_date"
            },
            {
              "headerName": "wty_base_end_date",
              "field": "wty_base_end_date"
            },
            {
              "headerName": "wty_upgrade_active",
              "field": "wty_upgrade_active"
            },
            {
              "headerName": "wty_upgrade_start_date",
              "field": "wty_upgrade_start_date"
            },
            {
              "headerName": "wty_upgrade_end_date",
              "field": "wty_upgrade_end_date"
            },
            {
              "headerName": "wty_extend_active",
              "field": "wty_extend_active"
            },
            {
              "headerName": "wty_extend_start_date",
              "field": "wty_extend_start_date"
            },
            {
              "headerName": "wty_extend_end_date",
              "field": "wty_extend_end_date"
            },
            {
              "headerName": "wty_active",
              "field": "wty_active"
            },
            {
              "headerName": "wty_start_date",
              "field": "wty_start_date"
            },
            {
              "headerName": "wty_end_date",
              "field": "wty_end_date"
            },
            {
              "headerName": "wty_coverage_start_date",
              "field": "wty_coverage_start_date"
            },
            {
              "headerName": "wty_coverage_end_date",
              "field": "wty_coverage_end_date"
            },
            {
              "headerName": "contract_count",
              "field": "contract_count"
            },
            {
              "headerName": "contract_id_item",
              "field": "contract_id_item"
            },
            {
              "headerName": "contract_min_header_start_date",
              "field": "contract_min_header_start_date"
            },
            {
              "headerName": "contract_max_header_end_date",
              "field": "contract_max_header_end_date"
            },
            {
              "headerName": "contract_min_coverage_start_date",
              "field": "contract_min_coverage_start_date"
            },
            {
              "headerName": "contract_max_coverage_end_date",
              "field": "contract_max_coverage_end_date"
            },
            {
              "headerName": "contract_number_provider",
              "field": "contract_number_provider"
            },
            {
              "headerName": "contract_has_active_coverage",
              "field": "contract_has_active_coverage"
            },
            {
              "headerName": "contract_auto_renew",
              "field": "contract_auto_renew"
            },
            {
              "headerName": "contract_last_active_service_description",
              "field": "contract_last_active_service_description"
            },
            {
              "headerName": "contract_charge_type",
              "field": "contract_charge_type"
            },
            {
              "headerName": "coverage_expiration_bucket",
              "field": "coverage_expiration_bucket"
            },
            {
              "headerName": "coverage_active",
              "field": "coverage_active"
            },
            {
              "headerName": "coverage_end_date_max",
              "field": "coverage_end_date_max"
            },
            {
              "headerName": "coverage_latest_by",
              "field": "coverage_latest_by"
            },
            {
              "headerName": "latest_active_service_end_date",
              "field": "latest_active_service_end_date"
            },
            {
              "headerName": "service_status_code",
              "field": "service_status_code"
            },
            {
              "headerName": "service_status_comments",
              "field": "service_status_comments"
            },
            {
              "headerName": "service_status_updated_user",
              "field": "service_status_updated_user"
            },
            {
              "headerName": "service_status_updated_time",
              "field": "service_status_updated_time"
            },
            {
              "headerName": "contract_id_header_active",
              "field": "contract_id_header_active"
            },
            {
              "headerName": "contract_id_item_active",
              "field": "contract_id_item_active"
            },
            {
              "headerName": "contract_number_provider_active",
              "field": "contract_number_provider_active"
            }
          ],
// rowModelType:  'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        // activeName: "first",
        // tableData1:[
        //   // {
        //   //    date:"prd_cdl.bw_sv_zocsvs43l_cdl (ROW),proj_gucp_ods.so_machinehist (PRC)",
        //   //  },
        //    {
        //      date:"Service_geo",
        //      name:"string",
        //      address:this.$t('table1.Service_geo_1'),
        //      long:this.$t('table1.Service_geo_2'),
        //      demo:this.$t('table1.Service_geo_3')
        //    },
        //    {
        //      date:"account",
        //      name:"string",
        //      address:this.$t('table1.account_1'),
        //      long:this.$t('table1.account_2'),
        //      demo:this.$t('table1.account_3')
        //    },
        //    {
        //      date:"bp_num",
        //      name:"string",
        //      address:this.$t('table1.bp_num_1'),
        //      long:this.$t('table1.bp_num_2'),
        //      demo:this.$t('table1.bp_num_3')
        //    },
        //    {
        //      date:"bp_name",
        //      name:"string",
        //      address:this.$t('table1.bp_name_1'),
        //      long:this.$t('table1.bp_name_2'),
        //      demo:this.$t('table1.bp_name_3')
        //    },
        //    {
        //      date:"sellin_geo",
        //      name:"string",
        //      address:this.$t('table1.sellin_geo_1'),
        //      long:this.$t('table1.sellin_geo_2'),
        //      demo:this.$t('table1.sellin_geo_3')
        //    },
        //    {
        //      date:"sellin_region",
        //      name:"string",
        //      address:this.$t('table1.sellin_region_1'),
        //      long:this.$t('table1.sellin_region_2'),
        //      demo:this.$t('table1.sellin_region_3')
        //    },
        //    {
        //      date:"sellin_country_code",
        //      name:"string",
        //      address:this.$t('table1.sellin_country_code_1'),
        //      long:this.$t('table1.sellin_country_code_2'),
        //      demo:this.$t('table1.sellin_country_code_3')
        //    },
        //    {
        //      date:"sellin_country_name",
        //      name:"string",
        //      address:this.$t('table1.sellin_country_name_1'),
        //      long:this.$t('table1.sellin_country_name_2'),
        //      demo:this.$t('table1.sellin_country_name_3')
        //    },
        //    {
        //      date:"sn",
        //      name:"string",
        //      address:this.$t('table1.sn_1'),
        //      long:this.$t('table1.sn_2'),
        //      demo:this.$t('table1.sn_3')
        //    },
        //    {
        //      date:"orderid",
        //      name:"string",
        //      address:this.$t('table1.orderid_1'),
        //      long:this.$t('table1.orderid_2'),
        //      demo:this.$t('table1.orderid_3')
        //    },
        //    {
        //      date:"idtype",
        //      name:"string",
        //      address:this.$t('table1.idtype_1'),
        //      long:this.$t('table1.idtype_2'),
        //      demo:this.$t('table1.idtype_3')
        //    },
        //    {
        //      date:"customerid",
        //      name:"string",
        //      address:this.$t('table1.customerid_1'),
        //      long:this.$t('table1.customerid_2'),
        //      demo:this.$t('table1.customerid_3')
        //    },
        //    {
        //      date:"customername",
        //      name:"string",
        //      address:this.$t('table1.customername_1'),
        //      long:this.$t('table1.customername_2'),
        //      demo:this.$t('table1.customername_3')
        //    },
        //    {
        //      date:"country",
        //      name:"string",
        //      address:this.$t('table1.country_1'),
        //      long:this.$t('table1.country_2'),
        //      demo:this.$t('table1.country_3')
        //    },
        //    {
        //      date:"city",
        //      name:"string",
        //      address:this.$t('table1.city_1'),
        //      long:this.$t('table1.city_2'),
        //      demo:this.$t('table1.city_3')
        //    },
        //    {
        //      date:"street",
        //      name:"string",
        //      address:this.$t('table1.street_1'),
        //      long:this.$t('table1.street_2'),
        //      demo:this.$t('table1.street_3')
        //    },
        //    {
        //      date:"createtime",
        //      name:"string",
        //      address:this.$t('table1.createtime_1'),
        //      long:this.$t('table1.createtime_2'),
        //      demo:this.$t('table1.createtime_3')
        //    },
        //    {
        //      date:"updatetime",
        //      name:"string",
        //      address:this.$t('table1.updatetime_1'),
        //      long:this.$t('table1.updatetime_2'),
        //      demo:this.$t('table1.updatetime_3')
        //    },
        //    {
        //      date:"closetime",
        //      name:"string",
        //      address:this.$t('table1.closetime_1'),
        //      long:this.$t('table1.closetime_2'),
        //      demo:this.$t('table1.closetime_3')
        //    },
        //    {
        //      date:"updateby",
        //      name:"string",
        //      address:this.$t('table1.updateby_1'),
        //      long:this.$t('table1.updateby_2'),
        //      demo:this.$t('table1.updateby_3')
        //    },
        //    {
        //      date:"gorderstate_su",
        //      name:"string",
        //      address:this.$t('table1.gorderstate_su_1'),
        //      long:this.$t('table1.gorderstate_su_2'),
        //      demo:this.$t('table1.gorderstate_su_3')
        //    },
        //    {
        //      date:"coustomaddress_sc",
        //      name:"string",
        //      address:this.$t('table1.coustomaddress_sc_1'),
        //      long:this.$t('table1.coustomaddress_sc_2'),
        //      demo:this.$t('table1.coustomaddress_sc_3')
        //    },
        //    {
        //      date:"contactphone_sc",
        //      name:"string",
        //      address:this.$t('table1.contactphone_sc_1'),
        //      long:this.$t('table1.contactphone_sc_2'),
        //      demo:this.$t('table1.contactphone_sc_3')
        //    },
        //    {
        //      date:"email",
        //      name:"string",
        //      address:this.$t('table1.email_1'),
        //      long:this.$t('table1.email_2'),
        //      demo:this.$t('table1.email_3')
        //    },
        //    {
        //      date:"actualservicemode_s",
        //      name:"string",
        //      address:this.$t('table1.actualservicemode_s_1'),
        //      long:this.$t('table1.actualservicemode_s_2'),
        //      demo:this.$t('table1.actualservicemode_s_3')
        //    },
        //    {
        //      date:"servicetypename_s",
        //      name:"string",
        //      address:this.$t('table1.servicetypename_s_1'),
        //      long:this.$t('table1.servicetypename_s_2'),
        //      demo:this.$t('table1.servicetypename_s_3')
        //    },
        //    {
        //      date:"sotype_s",
        //      name:"string",
        //      address:this.$t('table1.sotype_s_1'),
        //      long:this.$t('table1.sotype_s_2'),
        //      demo:this.$t('table1.sotype_s_3')
        //    },
        //    {
        //      date:"zsr_wtyb",
        //      name:"string",
        //      address:this.$t('table1.zsr_wtyb_1'),
        //      long:this.$t('table1.zsr_wtyb_2'),
        //      demo:this.$t('table1.zsr_wtyb_3')
        //    },
        //   //  {
        //   //    date:"prd_cdl.ibase_service_warranty_cdl",
        //   //  },
        //    {
        //      date:"zsr_wtye",
        //      name:"string",
        //      address:this.$t('table1.zsr_wtye_1'),
        //      long:this.$t('table1.zsr_wtye_2'),
        //      demo:this.$t('table1.zsr_wtye_3')
        //    },
        //    {
        //      date:"zsrv_styp",
        //      name:"string",
        //      address:this.$t('table1.zsrv_styp_1'),
        //      long:this.$t('table1.zsrv_styp_2'),
        //      demo:this.$t('table1.zsrv_styp_3')
        //
        //    }
        // ],
        tablecolumn1: [],
        tablecolumn2: [],
        tablecolumn3: [],
        gridOptionsTouchablePersonList: {
          columnDefs: [
            // {headerName: '#', field: "customname", width: 100, enableSorting: false, cellRenderer: index},
            {headerName: "Name", field: "customname", tooltipField: "customname"},
            {headerName: "Phone", field: "contactphone_sc"},
            {headerName: "Email", field: "email"},
            {headerName: "Address", field: "coustomaddress_sc"},
            {headerName: "From", field: "from"}
            // {headerName: "Touchable Person", field: "total"},
          ],
          // rowModelType: 'infinite',
          enableSorting: true,
          toolPanelSuppressRowGroups: true
        },
        personListTab: {
          item1: [],
          item2: [],
          item3: [],
        },
        tabLoadingNew: false,
        tableData1en: [],
        tableData2en: [],
        tableData3en: [],
        tableData4en: [],
        tableData5en: [],
        tableData6en: [],
        tableData7en: [],
        tableData8en: [],
        tableData1cn: [],
        tableData2cn: [],
        tableData3cn: [],
        tableData4cn: [],
        tableData5cn: [],
        tableData6cn: [],
        tableData7cn: [],
        tableData8cn: [],
        SampleData1en: [],
        SampleData2en: [],
        SampleData3en: [],
        SampleData4en: [],
        SampleData5en: [],
        SampleData6en: [],
        SampleData7en: [],
        SampleData8en: [],
        search1: '',
        search2: '',
        search3: '',
        search4: '',
        search5: '',
        search6: '',
        search7: '',
        search8: '',
        search9: '',
        height: document.documentElement.clientHeight - 140
      }
    },
    components: {
      'ag-grid-vue': AgGridVue
    },
    computed: {
      ...mapGetters(['language'])
    },
    watch: {
      language(n) {
        const _this = this
        if (n === 'en') {
          if (this.bTnTab === 'services_claim') {
            this.table.api.setRowData(_this.tableData1en)
            this.table.api.setColumnDefs(_this.table1.columnDefs)
          }
          if (this.bTnTab === 'cbi_document_flow') {
            this.table.api.setRowData(_this.tableData2en)
            this.table.api.setColumnDefs(_this.table2.columnDefs)
          }
          if (this.bTnTab === 'cbi_bp') {
            this.table.api.setRowData(_this.tableData3en)
            this.table.api.setColumnDefs(_this.table3.columnDefs)
          }
          if (this.bTnTab === 'dm_machine') {
            this.table.api.setRowData(_this.tableData4en)
            this.table.api.setColumnDefs(_this.table4.columnDefs)
          }
          if (this.bTnTab === 'sl_customer_master') {
            this.table.api.setRowData(_this.tableData5en)
            this.table.api.setColumnDefs(_this.table5.columnDefs)
          }
          if (this.bTnTab === 'result_udp_service_claim_details') {
            this.table.api.setRowData(_this.tableData6en)
            this.table.api.setColumnDefs(_this.table6.columnDefs)
          }
          if (this.bTnTab === 'result_udp_service_claim_summary') {
            this.table.api.setRowData(_this.tableData7en)
            this.table.api.setColumnDefs(_this.table7.columnDefs)
          }
          if (this.bTnTab === 'dm_udp_service_opportunity_all') {
            this.table.api.setRowData(_this.tableData8en)
            this.table.api.setColumnDefs(_this.table8.columnDefs)
          }
        } else if (n === 'zh') {
          if (this.bTnTab === 'services_claim') {
            this.table.api.setRowData(_this.tableData1cn)
            this.table.api.setColumnDefs(_this.table1.columnDefs)
          }
          if (this.bTnTab === 'cbi_document_flow') {
            this.table.api.setRowData(_this.tableData2cn)
            this.table.api.setColumnDefs(_this.table2.columnDefs)
          }
          if (this.bTnTab === 'cbi_bp') {
            this.table.api.setRowData(_this.tableData3cn)
            this.table.api.setColumnDefs(_this.table3.columnDefs)
          }
          if (this.bTnTab === 'dm_machine') {
            this.table.api.setRowData(_this.tableData4cn)
            this.table.api.setColumnDefs(_this.table4.columnDefs)
          }
          if (this.bTnTab === 'sl_customer_master') {
            this.table.api.setRowData(_this.tableData5cn)
            this.table.api.setColumnDefs(_this.table5.columnDefs)
          }
          if (this.bTnTab === 'result_udp_service_claim_details') {
            this.table.api.setRowData(_this.tableData6cn)
            this.table.api.setColumnDefs(_this.table6.columnDefs)
          }
          if (this.bTnTab === 'result_udp_service_claim_summary') {
            this.table.api.setRowData(_this.tableData7cn)
            this.table.api.setColumnDefs(_this.table7.columnDefs)
          }
          if (this.bTnTab === 'dm_udp_service_opportunity_all') {
            this.table.api.setRowData(_this.tableData8cn)
            this.table.api.setColumnDefs(_this.table8.columnDefs)
          }
        }
        this.table.api.sizeColumnsToFit()
      },
      'bTnTab': function (n, o) {
        const _this = this
        if (n === 'services_claim') {
          _this.SampleTable.api.setRowData(_this.SampleData1en)
          _this.SampleTable.api.setColumnDefs(_this.table11.columnDefs)
          // _this.SampleTable.api.sizeColumnsToFit()
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData1en)
            this.table.api.setColumnDefs(_this.table1.columnDefs)
            this.table.api.sizeColumnsToFit()
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData1cn)
            this.table.api.setColumnDefs(_this.table1.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
        if (n === 'cbi_document_flow') {
          _this.SampleTable.api.setRowData(_this.SampleData2en)
          _this.SampleTable.api.setColumnDefs(_this.table12.columnDefs)
          // _this.SampleTable.api.sizeColumnsToFit()
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData2en)
            this.table.api.setColumnDefs(_this.table2.columnDefs)
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData2cn)
            this.table.api.setColumnDefs(_this.table2.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
        if (n === 'cbi_bp') {
          _this.SampleTable.api.setRowData(_this.SampleData3en)
          _this.SampleTable.api.setColumnDefs(_this.table13.columnDefs)
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData3en)
            this.table.api.setColumnDefs(_this.table3.columnDefs)
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData3cn)
            this.table.api.setColumnDefs(_this.table3.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
        if (n === 'dm_machine') {
          _this.SampleTable.api.setRowData(_this.SampleData4en)
          _this.SampleTable.api.setColumnDefs(_this.table14.columnDefs)
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData4en)
            this.table.api.setColumnDefs(_this.table4.columnDefs)
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData4cn)
            this.table.api.setColumnDefs(_this.table4.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
        if (n === 'sl_customer_master') {
          _this.SampleTable.api.setRowData(_this.SampleData5en)
          _this.SampleTable.api.setColumnDefs(_this.table15.columnDefs)
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData5en)
            this.table.api.setColumnDefs(_this.table5.columnDefs)
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData5cn)
            this.table.api.setColumnDefs(_this.table5.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
        if (n === 'result_udp_service_claim_details') {
          _this.SampleTable.api.setRowData(_this.SampleData6en)
          _this.SampleTable.api.setColumnDefs(_this.table16.columnDefs)
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData6en)
            this.table.api.setColumnDefs(_this.table6.columnDefs)
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData6cn)
            this.table.api.setColumnDefs(_this.table6.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
        if (n === 'result_udp_service_claim_summary') {
          _this.SampleTable.api.setRowData(_this.SampleData7en)
          _this.SampleTable.api.setColumnDefs(_this.table17.columnDefs)
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData7en)
            this.table.api.setColumnDefs(_this.table7.columnDefs)
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData7cn)
            this.table.api.setColumnDefs(_this.table7.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
        if (n === 'dm_udp_service_opportunity_all') {
          _this.SampleTable.api.setRowData(_this.SampleData8en)
          _this.SampleTable.api.setColumnDefs(_this.table18.columnDefs)
          if (_this.language === 'en') {
            this.table.api.setRowData(_this.tableData8en)
            this.table.api.setColumnDefs(_this.table8.columnDefs)
          } else if (_this.language === 'zh') {
            this.table.api.setRowData(_this.tableData8cn)
            this.table.api.setColumnDefs(_this.table8.columnDefs)
          }
          this.table.api.sizeColumnsToFit()
        }
      },
      'searchTable': function (n, o) {
        this.table.api.setQuickFilter(n)
      },
      'searchSampleTable': function (n, o) {
        this.SampleTable.api.setQuickFilter(n)
      }
    },
    methods: {
      clickPrev(){
        this.showPrev = true
        this.showNext = false
      },
      clickNext(){
        this.showPrev = false
        this.showNext = true
      },
      enterHover(row) {
        return alert(row)
      },
      //合并行
      // arraySpanMethod1({ row, column, rowIndex, columnIndex }){
      //   if (rowIndex === 0) {
      //      return [1, 5];
      //   }else if (rowIndex === 29) {
      //      return [1, 5];
      //   }
      // },
      // arraySpanMethod2({ row, column, rowIndex, columnIndex }){
      //   if (rowIndex === 0) {
      //      return [1, 5];
      //   }else if (rowIndex === 9) {
      //      return [1, 5];
      //   }else if (rowIndex === 12) {
      //      return [1, 5];
      //   }else if (rowIndex === 20) {
      //      return [1, 5];
      //   }else if (rowIndex === 51) {
      //      return [1, 5];
      //   }else if (rowIndex === 57) {
      //      return [1, 5];
      //   }
      // },
      // arraySpanMethod3({ row, column, rowIndex, columnIndex }){
      //   if (rowIndex === 0) {
      //      return [1, 5];
      //   }else if (rowIndex === 21) {
      //      return [1, 5];
      //   }
      // },
      //未能实现
      // scrollTo(){
      //      var _this= this;
      //      var bTnOf = document.getElementById("btnBTnn");
      //       console.log("滚动条"+document.body.scrollHeight)
      //      window.addEventListener('scroll',function(){
      //         var wScrollY = window.scrollY; // 当前滚动条位置
      //         var wInnerH = window.innerHeight; // 设备窗口的高度（不会变）
      //         var bScrollH = document.body.scrollHeight; // 滚动条总高度
      //           // console.log("当前滚动条位置"+wScrollY)
      //           // console.log("设备窗口的高度（不会变）"+wInnerH)
      //           // console.log("滚动条总高度"+bScrollH)
      //         console.log("滚动条"+document.body.scrollHeight-window.scrollHeight)
      //         //  if(wScrollY > bTnOf.offsetTop){

      //         //      bTnOf.style.position="fixed";
      //         //      bTnOf.style.top=0;
      //         //      bTnOf.style.left=0;
      //         //      bTnOf.style.zIndex=99;
      //         //      bTnOf.style.backgroundColor="#FFF";
      //         //      alert("z当前滚动条位置"+wScrollY)

      //         //  }
      //         //  if(wScrollY < bTnOf.offsetTop){
      //         //    bTnOf.style.position="static";
      //         //     // alert("x当前滚动条位置"+wScrollY)
      //         //  }
      //      },false);
      // },
      //  headerstyle(row, rowIndex){
      //     return { "position": "fixed" , "top": 50+"px" , "z-index": 20 , "width":100+"%"}
      //  },
    },
    mounted() {
      var _this = this
      // Data Dictionary
      // this.http.get('../../../static/json/cn.json').then(function (res) {
      this.http.get('../../../static/json/DataDictionary_cn.json').then(function (res) {
        var arr = res.data.tabledate;
        _this.tableData1cn = arr.tabledateone;
        _this.tableData2cn = arr.tabledatetwo;
        _this.tableData3cn = arr.tabledatethree;
        _this.tableData4cn = arr.dm_machine;
        _this.tableData5cn = arr.sl_customer_master;
        _this.tableData6cn = arr.result_udp_service_claim_details;
        _this.tableData7cn = arr.result_udp_service_claim_summary;
        _this.tableData8cn = arr.dm_udp_service_opportunity_all;
        if (_this.language === 'zh') {
          _this.table.api.setRowData(_this.tableData1cn)
          _this.table.api.setColumnDefs(_this.table1.columnDefs)
          _this.table.api.sizeColumnsToFit()
          _this.JsMind()
        }
      })

      // this.http.get('../../../static/json/en.json').then(function(res){
      this.http.get('../../../static/json/DataDictionary_en.json').then(function (res) {
        var arr = res.data.tabledate;
        _this.tableData1en = arr.tabledateone;
        _this.tableData2en = arr.tabledatetwo;
        _this.tableData3en = arr.tabledatethree;
        _this.tableData4en = arr.dm_machine;
        _this.tableData5en = arr.sl_customer_master;
        _this.tableData6en = arr.result_udp_service_claim_details;
        _this.tableData7en = arr.result_udp_service_claim_summary;
        _this.tableData8en = arr.dm_udp_service_opportunity_all;
        if (_this.language === 'en') {
          _this.table.api.setRowData(_this.tableData1en)
          _this.table.api.setColumnDefs(_this.table1.columnDefs)
          _this.table.api.sizeColumnsToFit()
          _this.JsMind()
        }
      })
      // Sample Data
      this.http.get('../../../static/json/sampleData.json').then(function (res) {
        var arr = res.data.tabledate;
        _this.SampleData1en = arr.tabledateone;
        _this.SampleData2en = arr.tabledatetwo;
        _this.SampleData3en = arr.tabledatethree;
        _this.SampleData4en = arr.dm_machine;
        _this.SampleData5en = arr.sl_customer_master;
        _this.SampleData6en = arr.result_udp_service_claim_details;
        _this.SampleData7en = arr.result_udp_service_claim_summary;
        _this.SampleData8en = arr.dm_udp_service_opportunity_all;
        _this.SampleTable.api.setRowData(_this.SampleData1en)
        _this.SampleTable.api.setColumnDefs(_this.table11.columnDefs)
        // _this.SampleTable.api.sizeColumnsToFit()
        _this.JsMind()
      })
    }
  }
</script>

<style lang="scss" scoped>
  .datasource {
    width: 100%;
    .top-box {
      text-align: center;
      padding-top: 10px;
      padding-bottom: 30px;
      .title-icon {
        display: inline-block;
        vertical-align: middle;
        width: 50px;
        height: 3px;
        background-color: #0090e9;
      }
      .title-icon + span {
        margin: 0 10px;
        font: bold 20px OpenSansShin;
        color: #333;
      }
    }
    .part-title {
      .el-card__body {
        padding: 20px 24px;
        .title {
          font: bold 18px OpenSansShin;
          color: #666;
          margin-bottom: 20px;
        }
      }
    }
    .tips {
      text-align: right;
      margin-top: 20px;
      margin-right: 20px;
      color: #f00;
      font: 14px 'MicorsoftYaHei';
    }
    .btnBTn{
      .fade-enter-active, .fade-leave-active {
        transition: opacity 1s ease-in-out;
        position: relative;
        left: -880px;
      }
      .fade-enter, .fade-leave-to{
        opacity: 0;
      }
    }
  }
</style>
